<template>
  <div class="gonggao">
    <div class="xinzenggonggao">新增公告</div>
    <div class="gonggaobox">
      <div class="tit">关于打击色情、反动、政治等内容的详细措施及办法</div>
      <div class="time">2020年4月10日</div>
      <div class="neirong">关于打击色情、反动、政治等内容的详细措施及办法。  关于打击色情、反动、政治等内容的详细措施及办法。    关于打击色情、反动、政治等内容的详细措施及办法。    
        关于打击色情、反动、政治等内容的详细措施及办法。    关于打击色情、反动、政治等内容的详细措施及办法。    关于打击色情、反动、政治等内容的详细措施及办法。    
        关于打击色情、反动、政治等内容的详细措施及办法。</div>
    </div>
  </div>
</template>
<script>
export default {
  name: 'gonggao',
  data () {
    return {
      
    }
  }
}
</script>

<style scoped>
.gonggao{
  width: 100%;
  height: calc(100% - 118px);
  background:rgba(255,255,255,1);
  box-shadow:4px 4px 10px rgba(218,218,218,0.5);
  opacity:1;
  padding: 0 27px;
  padding-top: 25px;
  box-sizing: border-box;
}
.xinzenggonggao{
  font-size:18px;
  font-weight:550;
  line-height:25px;
  color:rgba(51,51,51,1);
  opacity:1;
  margin-bottom: 9px;
}
.gonggaobox{
  text-align: center;
  font-size:16px;
  font-weight:550;
  line-height:22px;
  color:rgba(51,51,51,1);
  opacity:1;
}
.time{
  margin-top: 11px;
  margin-bottom: 15px;
  font-size:12px;
  font-weight:400;
  line-height:17px;
  color:rgba(172,172,172,1);
}
.neirong{
  text-align: left;
  text-indent:2em;
  font-size:14px;
  line-height:20px;
  color:rgba(51,51,51,1);
}
</style>